﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <link href="../Css/style.css" rel="stylesheet" type="text/css" />
    <link href="../Css/home.css" rel="stylesheet" type="text/css" />
    <title>Untitled</title>
</head>
<body>
    <div id="wrapper">
        <div id="header">
            <div class="logocart">
                <div class="butterfly">
                </div>
                <div class="logo">
                    <img src="../Img/Layout/logo_final_small.png" width="87px" height="87px" />
                    <label>
                        shopping online</label>
                </div>
                <div class="cart">
                    <div class="search">
                        <input class="textbox" type="text" />
                        <input class="button" type="image" src="../img/layout/btn_search_66x23.gif" value="&nbsp;" />
                    </div>
                    <div class="shoppingcart">
                        <div class="newrow title">
                            <label>
                                Shopping cart</label>
                        </div>
                        <div class="newrow quantity">
                            <label>
                                0 item(s)</label>
                        </div>
                        <div class="newrow price">
                            <label>
                                Total: $ 0.00</label>
                        </div>
                        <div class="newrow">
                            <input class="button" type="image" src="../img/layout/morecart.gif" value="&nbsp;" />
                        </div>
                    </div>
                </div>
            </div>
            <div class="horiMenu">
                <div class="menu">
                    <ul>
                        <li><a href="#">Giới thiệu</a></li>
                        <li><a href="#">Tin tức</a></li>
                        <li><a href="#">Thành viên</a></li>
                        <li><a href="#">Thông tin</a></li>
                        <li class="End"><a href="#">Liên hệ</a></li>
                    </ul>
                </div>
                <div class="login">
                    <ul>
                        <li>Thành viên</li>
                        <li>
                            <input type="text" />
                        </li>
                        <li>Mật khẩu</li>
                        <li>
                            <input type="text" />
                        </li>
                    </ul>
                    <input class="button" type="image" src="../img/layout/btn_login_66x23.jpg" value="&nbsp;" />
                </div>
            </div>
            <div class="verMenu">
                <div class="menu">
                    <ul>
                        <li><a href="#">Trang chủ</a></li>
                        <li><a href="#">Sản phẩm 1</a></li>
                        <li><a href="#">Sản phẩm 2</a></li>
                        <li><a href="#">Sản phẩm 3</a></li>
                        <li><a href="#">Sản phẩm 4</a></li>
                        <li><a href="#">Đặt hàng</a></li>
                    </ul>
                </div>
                <div class="hotdeal">
                    <div class="img">
                        <div class="title special">
                            Special Discount</div>
                        <div class="newrow">
                            <img src="../img/layout/promotion_img_226x175.jpg" /></div>
                    </div>
                    <div class="info">
                        <div class="newrow">
                            <label style="font-size: 50px">
                                50%</label>
                        </div>
                        <div class="newrow title" style="padding: 15px 0px 15px 0px">
                            <label>
                                from 4/3/2010 to 4/3/2010</label>
                        </div>
                        <div class="newrow" style="height: 123px; color: #777777; font-size: 12px; line-height: 17px">
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere consectetur
                            rutrum. Vivamus enim lorem, tempus quis consectetur a, egestas suscipit libero.
                            Aliquam euismod...</div>
                        <div class="newrow readmore">
                            read more</div>
                    </div>
                </div>
            </div>
        </div>
        <div id="contentholder">
            <div class="title underline">
                <label class="pink">
                    News</label>
            </div>
            <div class="introduce">
                <div class="img_large">
                    <img src="../Img/layout/sample_large.jpg" /></div>
                <label class="text_pink">
                    Title of news 1</label><br />
                <br />
                <p class="text_des">
                    Lorem ipsum dolor sit amet,uere consectetur rutrum. Vivamus enim lorem, tempus quis
                    consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere
                    consectetur rutrum. Vivamus enim lorem, tempus quis consectetur. Lorem ipsum dolor
                    sit amet, consectetur adipiscing elit. Integer posuere consectetur rutrum. Vivamus
                    enim lorem, tempus quis consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing
                    elit. Integer posuere consectetur rutrum. Vivamus enim lorem, tempus quis consectetur.
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere consectetur
                    rutrum. Vivamus enim lorem, tempus</p>
                <div class="readmore">
                    read more</div>
            </div>
            <div class="introduce">
                <div class="img_large">
                    <img src="../img/layout/sample_large.jpg" /></div>
                <label class="text_pink">
                    Title of news 2</label><br />
                <br />
                <p class="text_des">
                    Lorem ipsum dolor sit amet,uere consectetur rutrum. Vivamus enim lorem, tempus quis
                    consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere
                    consectetur rutrum. Vivamus enim lorem, tempus quis consectetur. Lorem ipsum dolor
                    sit amet, consectetur adipiscing elit. Integer posuere consectetur rutrum. Vivamus
                    enim lorem, tempus quis consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing
                    elit. Integer posuere consectetur rutrum. Vivamus enim lorem, tempus quis consectetur.
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere consectetur
                    rutrum. Vivamus enim lorem, tempus</p>
                <div class="readmore">
                    read more</div>
            </div>
            <div class="introduce">
                <div class="img_large">
                    <img src="../img/layout/sample_large.jpg" /></div>
                <label class="text_pink">
                    Title of news 3</label><br />
                <br />
                <p class="text_des">
                    Lorem ipsum dolor sit amet,uere consectetur rutrum. Vivamus enim lorem, tempus quis
                    consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere
                    consectetur rutrum. Vivamus enim lorem, tempus quis consectetur. Lorem ipsum dolor
                    sit amet, consectetur adipiscing elit. Integer posuere consectetur rutrum. Vivamus
                    enim lorem, tempus quis consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing
                    elit. Integer posuere consectetur rutrum. Vivamus enim lorem, tempus quis consectetur.
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere consectetur
                    rutrum. Vivamus enim lorem, tempus</p>
                <div class="readmore">
                    read more</div>
            </div>
        </div>
        <div id="footer">
            <div class="line">
            </div>
            <div class="contact">
                <label>
                    Five Sisters Shop - 0989 77 22 48 - fivesistersshop@yahoo.com</label>
            </div>
            <div class="menuZone">
                <div class="horiMenu">
                    <div class="menu">
                        <ul>
                            <li><a href="#">Giới thiệu</a></li>
                            <li><a href="#">Tin tức</a></li>
                            <li><a href="#">Thành viên</a></li>
                            <li><a href="#">Thông tin</a></li>
                            <li class="End"><a href="#">Liên hệ</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
